<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>车型展示</title>
		<link rel="stylesheet" type="text/css" href="../css/basic.css">
		<link rel="stylesheet" type="text/css" href="../css/style.css">
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css">
		<link rel="stylesheet" type="text/css" href="../css/swiper.min.css">
	</head>
	<body>
		<div class="index-content">
			<!-- 头部 -->
			<header>
				<div class="header-content width1300 clearfix">
					<div class="logo fl clearfix">
						<img src="../img/logo.png" class="fl" />
						<p class="fl">中成商务房车</p>
					</div>
					<div class="search fl">
						<input type="text" placeholder="请输入想要搜索的内容" class="fl" />
						<i class="iconfont icon-sousuo1 fr"></i>
					</div>
					<div class="telphone fr">
						<img src="../img/tel.png" />
						<div class="num">热线电话<b>400-079-6969</b></div>
					</div>
				</div>
				<div class="nav clearfix width1300">
					<div class="nav-list fl">首页</div>
					<div class="nav-list fl">选车中心</div>
					<div class="nav-list fl">推荐车系</div>
					<div class="nav-list fl">优惠资讯</div>
					<div class="nav-list fl">视频中心</div>
					<div class="nav-list fl">关于我们</div>
				</div>
			</header>
			<!-- 车辆详情 -->
			<div class="carDetail">
				<div class="width1300">
					<div class="carDetail-info clearfix">
						<!-- 轮播图 -->
						<div class="swiper-container" style="height: 545px;">
							<div class="swiper-wrapper">
								<div class="swiper-slide"><img src="../img/index_banner.png"></div>
								<div class="swiper-slide"><img src="../img/index_banner.png"></div>
								<div class="swiper-slide"><img src="../img/index_banner.png"></div>
							</div>
							<!-- 如果需要导航按钮 -->
							<div class="swiper-button-prev"></div>
							<div class="swiper-button-next"></div>
						</div>
						<!--  -->
						<div class="detail">
							<h4>奔驰奔驰</h4>
							<p class="config">配置:<span>隔断/吧台</span></p>
							<p class="config">配置:<span>隔断/吧台</span></p>
							<p class="config">配置:<span>隔断/吧台</span></p>
							<p class="config">配置:<span>隔断/吧台</span></p>
							<div class="car-good">
								<p>车型亮点</p>
								<ul class="clearfix">
									<li><i></i>防抱死系统</li>
									<li><i></i>防抱死系统</li>
									<li><i></i>防抱死系统</li>
									<li><i></i>防抱死系统</li>
									<li><i></i>防抱死系统</li>
								</ul>
							</div>
							<p class="consult">咨询底价<b>400-079-6969</b></p>
						</div>
					</div>
					<!-- 车型参数 -->
					<div class="car-param hot-carbuy width1300">
						<div class="title">车型参数</div>
						<div class="car-param-content clearfix">
							<div class="left fl">
								<div class="img-box">
									<img src="../img/car2.jpg">
								</div>
								<p>车身尺寸(长宽高)：5370*1928*1880mm</p>
							</div>
							<ul class="right fr">
								<li class="clearfix"><b class="fl">最大功率（KW）</b><span class="fl">155Kw/5500rpm</span></li>
								<li class="clearfix"><b class="fl">最大功率（KW）</b><span class="fl">155Kw/5500rpm</span></li>
								<li class="clearfix"><b class="fl">最大功率（KW）</b><span class="fl">155Kw/5500rpm</span></li>
								<li class="clearfix"><b class="fl">最大功率（KW）</b><span class="fl">155Kw/5500rpm</span></li>
								<li class="clearfix"><b class="fl">最大功率（KW）</b><span class="fl">155Kw/5500rpm</span></li>
								<li class="clearfix"><b class="fl">最大功率（KW）</b><span class="fl">155Kw/5500rpm</span></li>
							</ul>
						</div>
					</div>
					
					<!-- 车型展示 -->
					<div class="car-show hot-carbuy width1300">
						<div class="title">车型展示</div>
						<div class="content">
							<img src="../images/官网首页_04.jpg" >
						</div>
					</div> 
					<!-- 热门推荐 -->
					<div class="carDetai-hot hot-carbuy width1300">
						<div class="title">热门推荐</div>
						<div class="content clearfix">
							<div class="recomman-list">
								<div class="img-box">
									<img src="../img/car1.jpg" >
								</div>
								<h4>奔驰定制版</h4>
								<p>奔驰</p>
							</div>
							<div class="recomman-list">
								<div class="img-box">
									<img src="../img/car1.jpg" >
								</div>
								<h4>奔驰定制版</h4>
								<p>奔驰</p>
							</div>
							<div class="recomman-list">
								<div class="img-box">
									<img src="../img/car1.jpg" >
								</div>
								<h4>奔驰定制版</h4>
								<p>奔驰</p>
							</div>
							<div class="recomman-list">
								<div class="img-box">
									<img src="../img/car1.jpg" >
								</div>
								<h4>奔驰定制版</h4>
								<p>奔驰</p>
							</div>
						</div>
					</div>
				</div>



				<!-- 悬浮按钮 -->
				<div class="goTop">
					<img src="../img/top.png" />
				</div>


				<!-- 底部 -->
				<footer class="">
					<div class="foot-classify clearfix width1300">
						<div class="foot-nav">
							<h4>车型总鉴</h4>
							<p>奢石版</p>
							<p>v级系列</p>
							<p>斯宾特系列</p>
							<p>大众T6</p>
							<p>GMC</p>
							<p>豪华加长</p>
						</div>
						<div class="foot-nav">
							<h4>品牌天地</h4>
							<p>品牌中心</p>
							<p>关于我们</p>
							<p>赛事风采</p>
						</div>
						<div class="foot-nav">
							<h4>高级私人定制系列</h4>
							<p>限量发售</p>
							<p>车主故事</p>
						</div>
						<div class="foot-nav">
							<h4>售后服务</h4>
							<p>车主服务</p>
							<p>常见问与答</p>
							<p>原厂配件</p>
							<p>选装配件及精品</p>
						</div>
						<div class="foot-nav">
							<h4>新闻资讯</h4>
							<p>企业动态</p>
							<p>行业热点</p>
						</div>
					</div>
					<div class="companyInfo">
						<div class="width1300">
							<div class="company_name"></div>
							<div class="company-info clearfix">
								<div class="fl">杭州中诚汽车销售服务有限公司&nbsp;&nbsp;|&nbsp;&nbsp;<i>华东高端商务房车展销中心</i></div>
								<div class="fr">
									<div class="telphone fr clearfix">
										<img src="../img/tel.png" />
										<div class="num">热线电话<b>400-079-6969</b></div>
									</div>
									<p class="address">地址：浙江省杭州市下城区绍兴路2号</p>
									<p class="police clearfix"><img src="../img/police.png">浙公网安备33010302003582号</p>
								</div>
							</div>
						</div>
					</div>
				</footer>
			</div>
			<script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
			<script type="text/javascript" src="../js/swiper.min.js"></script>
			<script type="text/javascript">
				var swiper = new Swiper('.swiper-container', {
					autoplay: true,
					navigation: {
						nextEl: '.swiper-button-next',
						prevEl: '.swiper-button-prev',
					},
				});
				// var swiper2 = new Swiper('.evaluation-container', {
				// 	slidesPerView: 4,
				// 	spaceBetween: 7
				// });
			</script>
	</body>
</html>
